<template>
  <div class="w100 h100">
    dashboard
  </div>
</template>
<script type="text/javascript">
  export default {
    name: 'dashboard',
    data () {
      return {
        loading: false,
        layoutAreas: [],
        modelings: [],
        eqpTypes: [],
        resizeTimer: null,
        layoutAreaAll: [],
        mins: 0,
        nowDate: new Date()
      }
    },
    created () {
    },
    mounted () {
      let self_ = this
    },
    methods: {}
  }
</script>
<style lang="scss">
  .layoutMap {
    background-color: #ecf0f5;
    .fullScreen {
      top: 12px;
      right: 10px;
      a {
        margin: 0 8px;
        cursor: pointer;
        i {
          font-size: 17px;
          &:hover {
            color: #409EFF;
          }
        }
      }
    }
    #layoutScreen{
      padding: 10px;
      overflow: hidden;
      #areaLayout {
        background: rgba(236, 240, 245, 1);
        overflow: hidden;
        .rows{
          display: inline-block;
          overflow: hidden;
          box-sizing: border-box;
          .area {
            border: 1px solid #409EFF;
            box-sizing: border-box;
            p {
              font-size: 16px;
              border-bottom: 1px solid #409EFF;
              background-color: #ecf0f5;
              font-weight: 700;
              &:hover{
                background-color: #409EFF;
              }
            }
          }
        }
      }
    }
  }
  .layout-column-handler {
    position: absolute;
    cursor: col-resize;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #409EFF;
  }

  .top {
    top: 0
  }
  .bottom {
    bottom: 0
  }
  .left {
    left: 0
  }
  .right {
    right: 0
  }

  //右键菜单
  body div.mxPopupMenu {
    -webkit-box-shadow: 3px 3px 6px #C0C0C0;
    -moz-box-shadow: 3px 3px 6px #C0C0C0;
    box-shadow: 3px 3px 6px #C0C0C0;
    background: white;
    position: absolute;
    border: 3px solid #e7e7e7;
    padding: 3px;
  }
  body table.mxPopupMenu {
    border-collapse: collapse;
    margin: 0;
  }
  body tr.mxPopupMenuItem {
    color: black;
    cursor: default;
  }
  body td.mxPopupMenuItem {
    padding-right: 13px;
  }
  body td.mxPopupMenuIcon {
    background-color: white;
    padding: 0;
  }
  body tr.mxPopupMenuItemHover {
    background-color: #eeeeee;
    color: black;
  }
  table.mxPopupMenu hr {
    border-top: solid 1px #cccccc;
  }
  table.mxPopupMenu tr {
    font-size: 4pt;
    cursor: pointer;
  }
</style>
